@charset "UTF-8";
//-----------------------------------------------------	
// message scss
// 交互提示信息：包括警告，错误，成功，提示四种状态
//-----------------------------------------------------

// mixin
//-------------------------

// 基本样式
@mixin tips-message-basic{
    padding:8px;
    a{
      text-decoration:underline;
    }

    @if nth($msgSwitch,2) {
      padding-left:25px;
      background-position: 5px center;
      background-repeat: no-repeat;
    }
    @if $msgRadius{
      @include border-radius($msgRadius);
    }
} 

// 配色方案，包括文本色，背景色，边框颜色
@mixin tips-message-skin($textColor, $bgColor, $borderColor ){
    background-color:$bgColor;
    border:2px solid $borderColor;
    color: $textColor;

    a{
      color: $textColor;
    }
}


// placeholder
//-------------------------
%tips-message-basic{
  @include tips-message-basic;
}


// 样式
//-------------------------
@if nth($msgSwitch,1){
  .error, .success, .warning, .info {
      @extend %tips-message-basic;
  }
  .error{
    @include tips-message-skin(nth($errorColor,1), nth($errorColor,2), nth($errorColor,3));
    @if nth($msgSwitch,2) {
        background-image: url();
      }
  }
  .success{
    @include tips-message-skin(nth($successColor,1), nth($successColor,2), nth($successColor,3));
    @if nth($msgSwitch,2) {
        background-image: url();
      }
  }
  .warning{
    @include tips-message-skin(nth($warningColor,1), nth($warningColor,2), nth($warningColor,3));
    @if nth($msgSwitch,2) {
      background-image:url();
    }
  }
  .info{
    @include tips-message-skin(nth($infoColor,1), nth($infoColor,2), nth($infoColor,3));
    @if nth($msgSwitch,2){
      background-image:url();
    }
  }
}